body, html {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Trebuchet MS';
}

/***********/
/*Sections*/
/**********/

#first {
  background-image: url('https://assets.bwbx.io/images/users/iqjWHBFdfxIU/i9CM_YafJQ2w/v1/-1x-1.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  padding-top: 20.5rem;
  padding-bottom: 10.5rem;
}

#second {
  background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.newsday.com/polopoly_fs/1.16465836.1517441155!/httpImage/image.jpeg_gen/derivatives/landscape_1280/image.jpeg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  padding-top: 10.5rem;
  padding-bottom: 10.5rem;
  color: #fff;
  margin-left: 0;
  margin-right: 0;
}

#subway-map {
  width: 100%;
  height: 80%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.map {
  height: 30rem;
}

#panel {
  background-color: #000;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 20%;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#last-page {
  background-color: #fff;
  background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://cdn.newsday.com/polopoly_fs/1.13754245.1498090663!/httpImage/image.jpeg_gen/derivatives/landscape_1280/image.jpeg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding-top: 10.5rem;
  padding-bottom: 10.5rem;
}

/************/
/* Elements */
/************/

.shaded-text {
  color: #fff;
  text-shadow: -2px -1px 0 #000, 2px -1px 0 #000, -2px 1px 0 #000, 2px 2px 0 #000;
}

.paragraph {
  color: #fff;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.paragraph h1 {
  font-size: 3rem;
  margin: 0;
  padding: 0;
  text-align: center;
}

.sources {
  font-size: 9px;
  text-align: right;
  color: #fff;
  margin-right: 65px;
  margin-bottom: 0;
}

.sources-map {
  color:'#fff';
  font-size: 8px;
  margin-right:250px;
}

.everythingOnOneLine * {
 display: inline;
}

/***************************/
/* Side bar/navigation bar */
/***************************/

#sidebar-wrapper {
  position: fixed;
  z-index: 3;
  right: 0;
  width: 250px;
  height: 100%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: translateX(250px);
  background: #fff;
  color: white;
  border-left: 1px solid fade-out($white, 0.9);
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {}

.sidebar-nav li.sidebar-nav-item a {
  display: block;
  text-decoration: none;
  padding: 15px;
}

.sidebar-nav li a {
  text-decoration: none;
  color: #666666;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: #666666;
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
  color: #666666;
}

.sidebar-nav>.sidebar-brand {
  font-size: 1.1rem;
  background: #666666;
  color: #fff;
  height: 80px;
  line-height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.sidebar-nav>.sidebar-brand a {
  color: #fff;
}

.sidebar-nav>.sidebar-brand a:hover {
  color: #fff;
}

#sidebar-wrapper.active {
  right: 250px;
  width: 220px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.menu-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: $white;
  background: white;
  line-height: 50px;
  z-index: 999;
  &:focus, &:hover {
    color: $white;
  }
  &:hover {
    background: $gray-800;
    color: $white;
  }
  &.active {
    // background-color: #666666;
    // color: $gray-900;
  }
}

.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: white;
  background: rgba(102, 102, 102, 0.5);
  line-height: 45px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: rgba(127, 127, 127, 0.5);
}

.scroll-to-top i {
  font-weight: 800;
}

/**********/
/* links */
/*********/

.sources a {
  color: #fff;
}

.sources a:hover, .sources a:focus, .sources a:active {
  color: #666666;
}

/* unvisited link */
.sources a:link {
  color: #fff;
}

/* visited link */
.sources a:visited {
  color: #fff;
}

.paragraph a {
  color: #fff;
}

.paragraph a:hover, .paragraph a:focus, .paragraph a:active {
  color: #666666;
}

/* unvisited link */
.paragraph a:link {
  color: #fff;
}

/* visited link */
.paragraph a:visited {
  color: #fff;
}

/***********************/
/* Navigation buttons */
/**********************/

.btn-xl {
  padding: 1.25rem 2.5rem;
}

.btn-primary {
  background-color: #808080 !important;
  border-color: #808080 !important;
  color: #fff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #666666 !important;
  border-color: #666666 !important;
}

/******************/
/* Panel buttons */
/*****************/

.btn {
  margin: 2px;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  font-weight: 700;
}

.btn-ada {
  border-color: #000;
  background-color: #00c160;
  color: #fff;
}

.btn-ada:hover {
  border-color: #00c160;
  background-color: #fff;
  color: #00c160;
}

.btn-all {
  border-color: #000;
  background-color: #cc0000;
  color: #fff;
}

.btn-all:hover {
  border-color: #000;
  background-color: #fff;
  color: #cc0000;
}

.bg-primary {
  background-color: #0066cc !important;
}

.text-primary {
  color: #0066cc !important;
}
